<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
            * {
                padding: 0;
                margin: 0;
            }

            .box {
                position: relative;
            }

            .bg {
                width: 100%;
            }

            .qrcode {
                height: 168px;
                width: 168px;
                position: absolute;
                top: 320px;
                left: calc(50% - 84px);
                z-index: 999;
            }

            .t1 {
                font-size: 15px;
                color: #fff;
                position: absolute;
                top: 285px;
                text-align: center;
                width: 100%;
                letter-spacing: 1px;
            }

            .t2 {
                font-size: 15px;
                color: #fff;
                position: absolute;
                top: 510px;
                width: 100%;
                text-align: center;
                letter-spacing: 1px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <img class="bg" src="./bg.png" alt="" />
            <p class="t1">扫码领免单，每天都可领</p>
            <img class="qrcode" src="./qrcode.jpeg" />
            <p class="t2">长按扫码二维码</p>
        </div>
    </body>
</html>
